

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>layuiAdmin 帖子管理 iframe 框</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <link rel="stylesheet" href="../../../layui/layui/css/layui.css" media="all">
        <link rel="stylesheet" href="../../../layui/style/admin.css" media="all">
    </head>
    <body>

        <div class="layui-form" lay-filter="layuiadmin-form-list" id="layuiadmin-form-list" style="padding: 20px 30px 0 0;">
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text" name="poster" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">发帖内容</label>
                <div class="layui-input-block">
                    <textarea name="content" lay-verify="required" autocomplete="off" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">置顶</label>
                <div class="layui-input-block">
                    <input type="checkbox" lay-filter="switch" lay-verify="required" name="switch" lay-skin="switch" lay-text="ON|OFF">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">头像</label>
                <div class="layui-input-inline">
                    <input type="text" name="avatar" placeholder="请上传图片" autocomplete="off" class="layui-input" >
                </div>
                <button style="float: left;" type="button" class="layui-btn" id="layuiadmin-upload-list">上传图片</button> 
            </div>
            <div class="layui-form-item layui-hide">
                <input type="button" lay-submit lay-filter="LAY-app-forum-submit" id="LAY-app-forum-submit" value="确认">
            </div>
        </div>

        <script src="../../../layui/layui/layui.js"></script>  
        <script>
            layui.config({
                base: '../../../layuiadmin/' //静态资源所在路径
            }).extend({
                index: 'lib/index' //主入口模块
            }).use(['index', 'form', 'upload'], function () {
                var $ = layui.$
                        , form = layui.form
                        , upload = layui.upload;

                upload.render({
                    elem: '#layuiadmin-upload-list'
                    , url: layui.setter.base + 'json/upload/demo.js'
                    , accept: 'images'
                    , method: 'get'
                    , acceptMime: 'image/*'
                    , done: function (res) {
                        $(this.item).prev("div").children("input").val(res.data.src)
                    }
                });
            })
        </script>
    </body>
</html>